<html>
    <head>
        <title>X-Templates</title>
    </head>
    <body>
        <script>
            // 二、 X-Templates
                             
                            /*
                                另一个定义模板的方式是在一个<script>元素中，并为其带上 text/x-template 的类型，然后通过一个 id 引用它：
                                    <script type="text/x-template" id="hello-world-template">
                                        <p>Hello hello hello </p>
                                    <-/script>
                             */
                             Vue.component('hello-world',{
                                            template:'#hello-world-template'
                             })

                             // x-template 需要定义在Vue所属的DOM元素外。
                             /*
                                   这些可以用于模板特别大的demo 或 极小型的应用中，但是其他情况下请避免使用，
                                因为这会将模板和该组件的态定义部分分开。
                             */
        </script>
    </body>
</html>